@tailwind base;
@tailwind components;
@tailwind utilities;

/*flex居中*/
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

:root {
    --parimary-color: #b37feb;
    --shadow-color: #efdbff;
    --result-color: #f9f0ff
}

/*主色*/
.color-main {
    color: var(--parimary-color)!important;
}

.bg-color-main {
    background-color: var(--parimary-color)
}

.bg-color-shadow {
    background-color: var(--shadow-color)
}

.bg-color-result {
    background-color: var(--result-color)
}


::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--parimary-color);
    border-radius: 6666rem;
}

.text-link {
    color: #606266;
}

.jsoneditor {
    border: thin solid var(--parimary-color) !important;
}

.jsoneditor-menu {
    background-color: var(--parimary-color) !important;
    border-bottom: var(--parimary-color) !important;
}

.jsoneditor-poweredBy {
    display: none !important;
}

.tui-image-editor-container .tui-image-editor-controls-logo > img, .tui-image-editor-container .tui-image-editor-header-logo > img {
    display: none !important;
}